<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<!--AngularJS 扩展了 HTML-->
<!--AngularJS 通过 ng-directives 扩展了 HTML。-->
<!--ng-app 指令定义一个 AngularJS 应用程序。-->
<!--ng-model 指令把元素值（比如输入域的值）绑定到应用程序。-->
<!--ng-bind 指令把应用程序数据绑定到 HTML 视图。-->
<div ng-app="">
    <p>名字：<input type="text" ng-model="name"></p>
    <h1>Hello {{name}}</h1>
</div>
<!--实例讲解：-->
<!--当网页加载完毕，AngularJS 自动开启。-->
<!--ng-app 指令告诉 AngularJS，<div> 元素是 AngularJS 应用程序 的"所有者"。-->
    <!--ng-model 指令把输入域的值绑定到应用程序变量 name。-->
    <!--ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。-->
</body>
<!--什么是 AngularJS？-->
<!--AngularJS 使得开发现代的单一页面应用程序（SPAs：Single Page Applications）变得更加容易。-->
<!--AngularJS 把应用程序数据绑定到 HTML 元素。-->
<!--AngularJS 可以克隆和重复 HTML 元素。-->
<!--AngularJS 可以隐藏和显示 HTML 元素。-->
<!--AngularJS 可以在 HTML 元素"背后"添加代码。-->
<!--AngularJS 支持输入验证。-->
</html>